#board {
    height: 400px;
    width: 400px;
    float: left;
	border: 1px solid red;
}

#board .cell {
    height: 50px;
    width: 50px;
    background: #F8ECC9;
    float: left;
    font-size: 10px;
    font-family: Arial;
}

#board .cell div{
	height: 50px;
    width: 50px;
}

#board .cell.dark {
    background: #99B2B7;
}

#board .cell.hightlight{
	 background: red;
}

#board .cell .WHITE_KING {
    background: url('../images/wKing.png');
}

#board .cell .WHITE_QUEEN {
    background: url('../images/wQueen.png');
}

#board .cell .WHITE_ROOK {
    background: url('../images/wRook.png');
}

#board .cell .WHITE_BISHOP {
    background: url('../images/wBishop.png');
}

#board .cell .WHITE_KNIGHT {
    background: url('../images/wKnight.png');
}

#board .cell .WHITE_PAWN {
    background: url('../images/wPawn.png');
}


#board .cell .BLACK_KING {
    background: url('../images/bKing.png');
}

#board .cell .BLACK_QUEEN {
    background: url('../images/bQueen.png');
}

#board .cell .BLACK_ROOK {
    background: url('../images/bRook.png');
}

#board .cell .BLACK_BISHOP {
    background: url('../images/bBishop.png');
}

#board .cell .BLACK_KNIGHT {
    background: url('../images/bKnight.png');
}

#board .cell .BLACK_PAWN {
    background: url('../images/bPawn.png');
}

#board .cell .EMPTY {
    background: none;
}


